class login {
    constructor() {
        let u = GetRequest();
        if (u) {
            this.getVerif();
        }
        this.init();
    }
}
$.extend(login.prototype, {
    init: function () {
        console.log($('.abtn'));
        $('.res').on('click', $.proxy(this.getVerif, this));
        $('.res1').on('click', $.proxy(this.goLogin, this));
        $('#btn').on('click', $.proxy(function () {
            this.telLogin();
        }, this));
        $('.btn2').on('click', $.proxy(this.staLogin, this));
        $('#ra2').on('click', $.proxy(this.telAppear, this));
        $('#ra1').on('click', $.proxy(this.staAppear, this));
        $('.abtn').on('click', $.proxy(this.getVerification, this));

    },
    telLogin: function () {
        let username = $('#tel-text1').val();
        let password = $('#tel-text2').val();
        $.ajax({
            url: 'http://localhost:4396/phplogin', data: { username: username, password: password, zheng: 'telLogin' }, success: function (res) {
                
                switch (res) {
                    case '1': $.cookie('username', username, { expires: 7, path: '/flower/dist' }); alert('登录成功'); window.location.href = '/../index.html'; break;
                    case '2': alert('验证码错误'); break;
                    case '3': alert('用户名不存在'); break;
                }
            }
        })
    },
    staLogin: function () {
        let username = $('.tel-text1').val();
        let password = $('.tel-text2').val();
        $.ajax({
            url: 'http://localhost:4396/phplogin', data: { username: username, password: password, zheng: 'staLogin' }, success: function (res) {
                switch (res) {
                    case '1': $.cookie('username', username, { expires: 7, path: '/flower/dist' }); alert('登录成功'); window.location.href = '../index.html'; break;
                    case '4': alert('密码错误'); break;
                    case '3': alert('用户名不存在'); break;
                }
            }
        })
    },
    getVerification: function () {
        let username = $('#tel-text1').val();
        $.ajax({
            url: 'http://localhost:4396/phplogin', data: { username: username, zheng: 'getverif' }, success: function (res) {
                if(res==1){
                    alert('user name is not exist or not input');
                }
                else{
                    $('#tel-text2').val(res);
                }
                
            }
        })
    },
    getVerif: function () {
        $('.login').css({ 'display': "none" });
        $('.register').css({ 'display': 'block' });
    },
    goLogin: function () {
        $('.register').css({ 'display': 'none' });
        $('.login').css({ 'display': "block" });

    },
    telAppear: function () {
        $('.tel-inp1').css({ display: 'none' });
        $('.static-inp1').css({ display: 'block' });
    },
    staAppear: function () {
        $('.tel-inp1').css({ display: 'block' });
        $('.static-inp1').css({ display: 'none' });
    }
});
function GetRequest() {
    var url = location.search; //获取url中"?"符后的字串
    if (url.indexOf("?") != -1) {  //判断是否有参数
        var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串

        var strs = str.split("=");
        var str1 = strs[1].split("&");//用等号进行分隔 （因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔）
        return (str1[0]);     //直接弹出第一个参数 （如果有多个参数 还要进行循环的）
    }
}
export default login;